

.touzi{
    border-radius: 15px;
    width: 30vw;
    height: 30vw;
    border: 2px solid black;
    margin-bottom: 2vw;
}

.dian{
    border-radius: 50%;
    background-color: red;
    width: 10vw;
    height: 10vw;
}

.dian1{
    border-radius: 50%;
    background-color: #000063;
    width: 6vw;
    height: 6vw;
}

.hang{
    width: 30vw;
    height: 10vw;
    padding: 2vw;
}

.dian2{
    border-radius: 50%;
    background-color: red;
    width: 6vw;
    height: 6vw;
}

.poker{
    border-radius: 10px;
    width: 30vw;
    height: 40vw;
    border: 2px solid black;
    margin-bottom: 2vw;
    position: relative;
}

p{
    height: 5vw;

}

.ch{
    font-size: 8vw;
    margin: 0 3.5vw;
}

.ch1{
    font-size: 8vw;
    transform:rotate(180deg);
    margin: 0 3.5vw;
}

.c2{
    font-size: 8vw;
    margin: 0 0.5vw;
}

.c3{
    font-size: 8vw;
    transform:rotate(180deg);
    margin: 0 0.5vw;
}

.c5{
    font-size: 8vw;
    padding-top: 7vw;
    margin: 0 0.5vw;
}

.c6{
    font-size: 8vw;
    transform:rotate(180deg);
    margin-bottom: 6vw;

}

.top{
    font-size: 5vw;
    position: absolute;
    left: 0;
    top:0;
    margin: 1vw;
}

.bottom{
    font-size: 5vw;
    position: absolute;
    right: 0;
    bottom:0;
    transform:rotate(180deg);
    margin: 1vw;
}























